<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Dashboard</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
<link rel="stylesheet" href="plugins/morris/morris.css">
<link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker-bs3.css">
<link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="css/style.css">



<style>
body{max-width:1200px;margin:40px auto;}
.h3{font-size:17px;padding:0.5em 0.8em;}
.wrapper-html{padding-bottom:70px;margin-bottom:70px;border-bottom:1px dashed #ff4848;position:relative;}
#btn_show_code{position:absolute;top:15px;right:15px;}
#wrapper_code{position:absolute;background-color:#d2d2d2;top:40px;width:1200px;z-index:1;border-radius:4px;}
#wrapper_code .btn-close{margin-bottom:15px;position:absolute;right:15px;top:15px;}
#wrapper_code pre{margin:15px;color:#666;}
</style>


</head>
<body>


<div id="wrapper_code" style="display:none;">
	<button type="button" class="btn btn-warning btn-close">关闭</button>
	<pre></pre>
</div>
<button id="btn_show_code" type="button" class="btn btn-danger" style="display:none;">显示源代码</button>


<div class="box-body">
    <div class="tab-content">

    <h3 class="h3 bg-purple">新增1--demo</h3><br />
    <!--新增1--start-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
                <div class="tips-form">仓库 不能为空！</div>
                <div class="form-tr">
                    <div class="form-td">
                        <label><i>*</i>仓库：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label><i>*</i>编码：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label><i>*</i>名称：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-group">
                        <label><i>*</i>简拼：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>父仓位：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label><i>*</i>类目：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>长度：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label>高度：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>宽度：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label>可用性：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="btn-div">
                        <input type="submit" class="btn btn-primary" value="保存">
                        <input type="submit" class="btn btn-default" value="返回">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--新增1--end-->


    <h3 class="h3 bg-purple">新增2--demo</h3><br />
    <!--新增2--start-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
                <div class="tips-form">编码 不能为空！</div>
                <div class="form-tr">
                    <div class="form-td">
                        <label><i>*</i>编码：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label><i>*</i>名称：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label><i>*</i>开始时间：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                    <div class="form-td">
                        <label><i>*</i>结束时间：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>是否限购：</label>
                        <div class="div-form">
                            <div class="radio wMonospaced">
                                <label class="radio-inline" style="width: auto;"><input type="radio" name="isLimit" value="1"> 是</label>
                                <label class="radio-inline" style="width: auto;"><input type="radio" name="isLimit" value="0" checked> 否</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-td">
                        <label>限购总类：</label>
                        <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>活动描述：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>限购描述：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>描述：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="btn-div">
                        <input type="submit" class="btn btn-primary" value="保存">
                        <input type="submit" class="btn btn-default" value="返回">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--新增2--end-->

    <h3 class="h3 bg-purple">新增3--demo</h3><br />
    <!--新增3--start-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
                <div class="tips-form">编码 不能为空！</div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>地址：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>上级区域：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>行政级别：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>管辖合伙人：</label>
                        <div class="div-form">
                            <div class="f7">
                                <input class="form-control input-sm txt_big3" type="text" id="" readonly="readonly" name="">
                                <span class="selectDel">×</span>
                                <span class="selectBtn">选</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="form-td">
                        <label>描述：</label>
                        <div class="div-form"><input class="form-control input-sm txt_big3" type="text"></div>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="btn-div">
                        <input type="submit" class="btn btn-primary" value="保存">
                        <input type="submit" class="btn btn-default" value="返回">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--新增3--end-->

    <h3 class="h3 bg-purple">商品信息--demo</h3><br />
    <!--商品信息--start-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
            <legend class="text-primary">商品信息</legend>
            <div class="form-tr">
                <div class="form-td">
                    <label>编号：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label><i>*</i>名称：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label><i>*</i>简拼：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label><i>*</i>标题1：</label>
                    <div class="div-form"><input class="form-control input-sm txt_big" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>标题2：</label>
                    <div class="div-form"><input class="form-control input-sm txt_big" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label><i>*</i>商品特性：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>省份：</label>
                    <div class="div-form">
                        <div class="f7">
                            <input class="form-control input-sm txt_mid" type="text" id="" readonly="readonly" name="">
                            <span class="selectDel">×</span>
                            <span class="selectBtn">选</span>
                        </div>
                    </div>
                </div>
                <div class="form-td">
                    <label><i>*</i>售卖类型：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label><i>*</i>类目：</label>
                    <div class="div-form">
                        <div class="f7">
                            <input class="form-control input-sm txt_mid" type="text" id="" readonly="readonly" name="">
                            <span class="selectDel">×</span>
                            <span class="selectBtn">选</span>
                        </div>
                    </div>
                </div>
                <div class="form-td">
                    <label><i>*</i>供应商：</label>
                    <div class="div-form">
                        <div class="f7">
                            <input class="form-control input-sm txt_mid" type="text" id="" readonly="readonly" name="">
                            <span class="selectDel">×</span>
                            <span class="selectBtn">选</span>
                        </div>
                    </div>
                </div>
                <div class="form-td">
                    <label><i>*</i>规格：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label><i>*</i>条形码：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>原条形码：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label><i>*</i>计量单位：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label><i>*</i>有效期/天：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label><i>*</i>零售价：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label><i>*</i>优惠价：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>原产地：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>送货类型：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>库存限制：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>主页URL：</label>
                    <div class="div-form"><input class="form-control input-sm txt_big" type="text"></div>
                </div>
            </div>

            <legend class="text-primary">商品描述</legend>
            <div class="form-tr">
                <div class="form-td">
                    <label>商品描述：</label>
                    <div class="div-form"><textarea class="form-control txt_big" style="height: 300px;">这里其实是个文本编辑框</textarea></div>
                </div>
            </div>

            <legend class="text-primary">参数信息</legend>
            <div class="form-tr">
                <div class="form-td">
                    <label>类别：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>口味：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>包装：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>生产日期：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>材质：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>生产许可证：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>颜色：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>适用范围：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>存储方法：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>配料：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>净含量：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
                <div class="form-td">
                    <label>毛重：</label>
                    <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                </div>
            </div>
            <div class="form-tr">
                <div class="form-td">
                    <label>扩展参数：</label>
                    <div class="div-form"><input class="form-control input-sm txt_big" type="text" placeholder="xx"></div>
                </div>
            </div>

            <legend class="text-primary">图片信息</legend>
            <div class="proshow">
                <div class="pic-show-title">
                    商品展示：<a href="#" class="btn btn-default">浏览</a><span>注：每张图片内存大小，100KB以内</span>
                </div>
                <div class="pic-show">
                    <ul>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                    </ul>
                </div>
            </div><div class="clearfix"></div>
            <div class="proinfo">
                <div class="pic-show-title">
                    商品详细：<a href="#" class="btn btn-default">浏览</a><span>注：每张图片内存大小，100KB以内</span>
                </div>
                <div class="pic-show">
                    <ul>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                        <li class="alert"><img src="images/2.jpg"><a href="#" class="close" data-dismiss="alert">&times;</a> </li>
                    </ul>
                </div>
            </div><div class="clearfix"></div>

            <legend class="text-primary">调价记录</legend>
            <table class="table table-hover table-striped table-common">
                <thead>
                <tr>
                    <th>申请时间</th>
                    <th>发起人</th>
                    <th>审批状态</th>
                    <th>变动前零售价</th>
                    <th>变动后零售价</th>
                    <th>变动前优惠价</th>
                    <th>变动后优惠价</th>
                    <th>审批人</th>
                    <th>审批时间</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>2015-12-01 00:00:00</td>
                    <td>周桥飞</td>
                    <td>已批</td>
                    <td>100.00</td>
                    <td>200.00</td>
                    <td>99.00</td>
                    <td>199.00</td>
                    <td>周汛</td>
                    <td>2015-12-01 00:00:00</td>
                </tr>
                <tr>
                    <td>2015-12-01 00:00:00</td>
                    <td>周桥飞</td>
                    <td>已批</td>
                    <td>100.00</td>
                    <td>200.00</td>
                    <td>99.00</td>
                    <td>199.00</td>
                    <td>周汛</td>
                    <td>2015-12-01 00:00:00</td>
                </tr>
                <tr>
                    <td>2015-12-01 00:00:00</td>
                    <td>周桥飞</td>
                    <td>已批</td>
                    <td>100.00</td>
                    <td>200.00</td>
                    <td>99.00</td>
                    <td>199.00</td>
                    <td>周汛</td>
                    <td>2015-12-01 00:00:00</td>
                </tr>
                </tbody>
            </table>

            <div class="form-tr">
                <div class="btn-div5">
                    <input type="submit" class="btn btn-primary" value="保存">
                    <input type="submit" class="btn btn-default" value="返回">
                </div>
            </div>

        </div>
    </form>
    </div>
    <!--商品信息--end-->


    <h3 class="h3 bg-purple">某仓库下商品查询--demo</h3><br />
    <!--某仓库下商品查询--start-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
                <div class="wareHouseList">
                    <div class="inquire-ul">
                        <div class="form-tr">
                            <div class="form-td">
                                <label><i>*</i>入库仓库：</label>
                                <div class="div-form"><p class="wMonospaced">总仓</p> </div>
                            </div>
                            <div class="form-td">
                                <label><i>*</i>供应商：</label>
                                <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                            </div>
                            <div class="form-td">
                                <label><i>*</i>应到日期：</label>
                                <div class="div-form"><input class="form-control input-sm txt_mid" type="text"></div>
                            </div>
                        </div>
                        <div class="form-tr">
                            <div class="form-td">
                                <label><i>*</i>描述：</label>
                                <div class="div-form"><input class="form-control input-sm txt_big" type="text"></div>
                            </div>
                        </div>
                    </div>
                </div><div class="clearfix"></div>
                <div class="proInfoList">
                    <div class="addBtnDiv">
                        <a href="javascript:void(0);" class="btn btn-sm btn-primary addProLink"><i class="fa fa-plus"></i> 新增</a>
                        <a href="javascript:void(0);" class="loadAllGoods">加载所有商品</a>
                        <a href="javascript:void(0);" class="clearUnContent">清除未输入信息项</a>
                        <a href="javascript:void(0);" class="clearAll">清空所有</a>
                        <a href="javascript:void(0);" class="btn btn-sm btn-primary importProLink"><i class="fa fa-plus"></i> 条形码导入</a>
                        <p>价格单位：元</p>
                    </div>
                    <div class="proInfoListDiv">
                        <table class="table table-common">
                            <thead>
                            <tr>
                                <th>操作</th>
                                <th>商品编码</th>
                                <th>条形码</th>
                                <th>商品名称</th>
                                <th>规格型号</th>
                                <th>计量单位</th>
                                <th>应收数量</th>
                                <th>入库单价</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);" class="delLink" onclick="deleteItem(this);">删除</a></td>
                                <td>GD013601</td>
                                <td>6928798336184</td>
                                <td class="bg-td">盛华特级碧螺春茶80g</td>
                                <td>80g</td>
                                <td>盒</td>
                                <td>100</td>
                                <td>1.00</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="form-tr">
                    <div class="btn-div5">
                        <input type="submit" class="btn btn-primary" value="保存">
                        <input type="submit" class="btn btn-default" value="返回">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--某仓库下商品查询--end-->


    <h3 class="h3 bg-purple">退货--demo</h3><br />
    <!--退货--strat-->
    <div class="wrapper-html">
        <form>
            <div class="addForm1">
                <div class="orderNum">退货单号：TH201512070001</div>
                <table class="table table-common">
                    <tr>
                        <td class="bg-td" align="right">退货仓库：</td><td>总仓</td>
                        <td class="bg-td" align="right">退货类型：</td><td>退货到供应商</td>
                        <td class="bg-td" align="right">申请人：</td><td>周桥飞</td>
                        <td class="bg-td" align="right">供应商：</td><td>周桥飞</td>
                        <td class="bg-td" align="right">申请时间：</td><td>2015-12-03</td>
                        <td class="bg-td" align="right">确认时间：</td><td>2015-12-03</td>
                    </tr>
                    <tr>
                        <td class="bg-td" align="right">描述：</td>
                        <td colspan="11"><input type="text" class="form-control"></td>
                    </tr>
                </table>
                <table class="table table-common" style="margin-top: -1px;">
                    <tr>
                        <td class="bg-td" align="center">商品编码</td>
                        <td class="bg-td" align="center">商品名称</td>
                        <td class="bg-td" align="center">规格型号</td>
                        <td class="bg-td" align="center">计量单位</td>
                        <td class="bg-td" align="center">实收数量</td>
                        <td class="bg-td" align="center">退货单价</td>
                        <td class="bg-td" align="center">退货数量</td>
                        <td class="bg-td" align="center">入库单价</td>
                        <td class="bg-td" align="center">总价</td>
                    </tr>
                    <tr>
                        <td align="center">GD013601</td>
                        <td align="center">盛华特级碧螺春茶80g</td>
                        <td align="center">80g</td>
                        <td align="center">盒</td>
                        <td align="center">100</td>
                        <td align="center">1.00</td>
                        <td align="center">10</td>
                        <td align="center">0.01</td>
                        <td align="center">100</td>
                    </tr>
                    <tr>
                        <td align="center">GD013601</td>
                        <td align="center">盛华特级碧螺春茶80g</td>
                        <td align="center">80g</td>
                        <td align="center">盒</td>
                        <td align="center">100</td>
                        <td align="center">1.00</td>
                        <td align="center">10</td>
                        <td align="center">0.01</td>
                        <td align="center">100</td>
                    </tr>
                    <tr>
                        <td class="bg-td" align="center">审批描述</td>
                        <td colspan="8"><input type="text" class="form-control"></td>
                    </tr>
                </table>
                <div class="form-tr">
                    <div class="btn-div5">
                        <input type="submit" class="btn btn-primary" value="保存">
                        <input type="submit" class="btn btn-default" value="返回">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--退货--end-->

    <h3 class="h3 bg-purple">上架详情--demo</h3><br />
    <!--上架详情--start-->
    <div class="wrapper-html">
        <div class="tab-content">
            <h3 class="title-h3">上架详情</h3>
            <table  class="table table-common">
                <tr>
                    <th width="150px">商品名称</th>
                    <td width="70%">达利园饼干</td>
                    <td rowspan="4"><img src="图片路径" width="130" height="130"> </td>
                </tr>
                <tr>
                    <th>状态</th>
                    <td>已上架</td>
                </tr>
                <tr>
                    <th>商品编码</th>
                    <td>20151230125</td>
                </tr>
                <tr>
                    <th>商品条码</th>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <th>商品标题</th>
                    <td colspan="2">商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题</td>
                </tr>
                <tr>
                    <th>商品分类</th>
                    <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <th>价格</th>
                    <td colspan="2"><div class="tab-price">零售价：￥30</div><div class="tab-price">优惠价：￥30</div></td>
                </tr>
                <tr>
                    <th>库存限制</th>
                    <td colspan="2">3000</td>
                </tr>
                <tr>
                    <th>供应商</th>
                    <td colspan="2">我是供应商名称</td>
                </tr>
                <tr>
                    <th>库存</th>
                    <td colspan="2">2000</td>
                </tr>
                <tr>
                    <th>所属仓库</th>
                    <td colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <th>是否在供应商库存</th>
                    <td colspan="2">是</td>
                </tr>
                <tr>
                    <th>购买类型</th>
                    <td colspan="2">不知道</td>
                </tr>
            </table>
        </div>
    </div>
    <!--上架详情--end-->

    <h3 class="h3 bg-purple">订单列表--demo</h3><br />
    <!--订单列表--start-->
    <div class="wrapper-html">
        <div class="tab-content">
            <form>
                <div class="inquire-ul" style="margin-top:0;">
                    <div class="form-tr">
                        <div class="form-td">
                            <label>订单编号：</label>
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid3" placeholder="下单时间：2016/04/01 00:00:00-2016" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid3" placeholder="确认收货时间：不限" >
                            </div>
                        </div>
                        <div class="form-td">
                            <label>配送员：</label>
                            <div class="div-form">
                                <div class="f7">
                                    <input class="form-control input-sm txt_mid" type="text" id="addressPartnerName" readonly="readonly" name="partner.name" readonly="readonly">
                                    <span class="selectDel">×</span>
                                    <span class="selectBtn">选</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-tr">
                        <div class="form-td">
                            <label>手机号码：</label>
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid3" placeholder="支付时间：不限" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid3" placeholder="申请售后时间：不限" >
                            </div>
                        </div>
                        <div class="form-td">
                            <label>售后状态：</label>
                            <div class="div-form">
                                <select class="sec1"><option>全部</option></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-tr">
                        <div class="form-td">
                            <label>商品名称：</label>
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid" >
                            </div>
                        </div>
                        <div class="form-td">
                            <label>收货地址：</label>
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <label class="radio-inline" style="width: auto;"><input type="checkbox" name="isLimit" value="1"> 订单分配错误</label>
                                <label class="radio-inline" style="width: auto;"><input type="checkbox" name="isLimit" value="1"> 已改价</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-tr">
                        <div class="form-td">
                            <label>订单状态：</label>
                            <div class="div-form">
                                <select class="sec1"><option>全部</option></select>
                            </div>
                        </div>
                        <div class="form-td">
                            <label>购买类型：</label>
                            <div class="div-form">
                                <select class="sec1"><option>全部</option></select>
                            </div>
                        </div>
                        <div class="form-td">
                            <label>支付金额：</label>
                            <div class="div-form">
                                <input type="text" class="form-control input-sm txt_mid2" > 至 <input type="text" class="form-control input-sm txt_mid2" >
                            </div>
                        </div>
                        <div class="form-td">
                            <div class="div-form">
                                <label class="radio-inline" style="width: auto;"><input type="checkbox" name="isLimit" value="1"> 配送员为空</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-tr">
                        <div class="form-td">
                            <label>物流状态：</label>
                            <div class="div-form">
                                <select class="sec1"><option>全部</option></select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="btn-div3">
                    <button id="find-page-orderby-button" class="btn btn-primary btn-sm" type="submit"><i class="fa fa-search"></i>&nbsp;&nbsp;查询</button>
                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-remove"></i>&nbsp;&nbsp;清空</a>
                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;&nbsp;批量导出</a>
                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-print"></i>&nbsp;&nbsp;批量打印订单</a>
                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;&nbsp;批量客服留言</a>
                </div>
            </form>
            <div class="mgb20"></div>
            <div class="navtabs-title">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#order-last-three-months" data-toggle="tab">近三个月订单</a></li>
                    <li><a href="#order-pending-payment" data-toggle="tab">待付款</a></li>
                    <li><a href="#order-receipting" data-toggle="tab">待收货</a></li>
                    <li><a href="#order-refund-application" data-toggle="tab">退款申请中</a></li>
                    <li><a href="#order-transaction-complete" data-toggle="tab">交易完成</a></li>
                    <li><a href="#order-canceled" data-toggle="tab">订单已取消</a></li>
                    <li><a href="#order-trading-closed" data-toggle="tab">交易关闭</a></li>
                    <li><a href="#order-all" data-toggle="tab">全部</a></li>
                    <li class="simple-pagination">
                        <div class="simple-pagination-div">
                            <button class="btn btn-primary btn-sm" disabled><i class="fa fa-angle-left"></i>&nbsp;&nbsp;上一页</button>
                            <button class="btn btn-primary btn-sm">下一页&nbsp;&nbsp;<i class="fa fa-angle-right"></i></button>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="order-table-head mgb10">
                <table class="table table-common">
                    <colgroup data-reactid="tab-order-0" align="center">
                        <col class="tab-order-0-col1">
                        <col class="tab-order-0-col2" align="center">
                        <col class="tab-order-0-col3">
                        <col class="tab-order-0-col4">
                        <col class="tab-order-0-col5">
                        <col class="tab-order-0-col6">
                        <col class="tab-order-0-col7">
                        <col class="tab-order-0-col8">
                    </colgroup>
                    <thead>
                    <tr>
                        <th><div style="margin-right: 5px; border-right: 1px solid #ccc; display: inline-block; width: 30px; text-align: left;"><input type="checkbox"></div> 商品信息 </th>
                        <th>单价(元)</th>
                        <th>数量</th>
                        <th>售后</th>
                        <th>买家</th>
                        <th>订单状态</th>
                        <th>实收款(元)</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>

            <div class="tab-content">
                <div class="tab-pane fade in active" id="order-last-three-months">
                    <table class="table table-order mgb10">
                        <colgroup>
                            <col class="tab-order-1-col0">
                            <col class="tab-order-1-col1">
                            <col class="tab-order-1-col2">
                            <col class="tab-order-1-col3">
                            <col class="tab-order-1-col4">
                            <col class="tab-order-1-col5">
                            <col class="tab-order-1-col6">
                            <col class="tab-order-1-col7">
                            <col class="tab-order-1-col8">
                        </colgroup>
                        <thead>
                        <tr>
                            <th colspan="8">
                                <input type="checkbox">
                                <div class="tab-order-num">订单编号：<span>146038839365207</span></div>
                                <div>下单时间：<span>2016-04-12 03:09:13</span></div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <div class="order-goods">
                                    <img src="" alt="商品图片">
                                    <div class="order-goods-text">
                                        <p class="goods-title">商品标题1商题1商品标题1</p>
                                        <p class="goods-barcode">条形码：69310184001211</p>
                                        <p class="goods-attr"><span>颜色：红色</span><span>尺码：M</span></p>
                                    </div>
                                </div>
                            </td>
                            <td valign="middle">89.00</td>
                            <td>2</td>
                            <td>&nbsp;</td>
                            <td>18211303940</td>
                            <td>待付款</td>
                            <td>25.80</td>
                            <td><a href="#">改价</a> | <a href="#">改地址</a> | <a href="#">客服留言</a> | <a href="#">取消订单</a></td>
                        </tr>
                        </tbody>
                    </table>

                    <!--未调拨 单--start-->
                    <table class="table table-order mgb10">
                        <colgroup>
                            <col class="tab-order-1-col0">
                            <col class="tab-order-1-col1">
                            <col class="tab-order-1-col2">
                            <col class="tab-order-1-col3">
                            <col class="tab-order-1-col4">
                            <col class="tab-order-1-col5">
                            <col class="tab-order-1-col6">
                            <col class="tab-order-1-col7">
                            <col class="tab-order-1-col8">
                        </colgroup>
                        <thead>
                        <tr>
                            <th colspan="8">
                                <input type="checkbox">
                                <div class="tab-order-num">订单编号：<span>146038839365207</span></div>
                                <div>下单时间：<span>2016-04-12 03:09:13</span></div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <div class="order-goods">
                                    <img src="" alt="商品图片">
                                    <div class="order-goods-text">
                                        <p class="goods-title">商品标题1商题1商品标题1</p>
                                        <p class="goods-barcode">条形码：69310184001211</p>
                                        <p class="goods-attr"><span>颜色：红色</span><span>尺码：M</span></p>
                                    </div>
                                </div>
                            </td>
                            <td>89.00</td>
                            <td>2</td>
                            <td>&nbsp;</td>
                            <td>18211303940</td>
                            <td>待付款</td>
                            <td>25.80</td>
                            <td><a href="#">打印</a> | <a href="#">查看物流</a> | <a href="#">改地址</a> | <a href="#">客服留言</a> | <a href="#">重新分配配送人</a></td>
                        </tr>
                        </tbody>
                    </table>
                    <!--未调拨 单--end-->


                    <!--已调拨 单--start-->
                    <table class="table table-order mgb10">
                        <colgroup>
                            <col class="tab-order-1-col0">
                            <col class="tab-order-1-col1">
                            <col class="tab-order-1-col2">
                            <col class="tab-order-1-col3">
                            <col class="tab-order-1-col4">
                            <col class="tab-order-1-col5">
                            <col class="tab-order-1-col6">
                            <col class="tab-order-1-col7">
                            <col class="tab-order-1-col8">
                        </colgroup>
                        <thead>
                        <tr>
                            <th colspan="8">
                                <input type="checkbox">
                                <div class="tab-order-num">订单编号：<span>146038839365207</span></div>
                                <div>下单时间：<span>2016-04-12 03:09:13</span></div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <div class="order-goods">
                                    <img src="" alt="商品图片">
                                    <div class="order-goods-text">
                                        <p class="goods-title">商品标题1商题1商品标题1</p>
                                        <p class="goods-barcode">条形码：69310184001211</p>
                                        <p class="goods-attr"><span>颜色：红色</span><span>尺码：M</span></p>
                                    </div>
                                </div>
                            </td>
                            <td>89.00</td>
                            <td>2</td>
                            <td>退款处理中</td>
                            <td rowspan="3">18211303940</td><!--   rowspan="3" 这里的3取该订单商品的条数，下同     -->
                            <td rowspan="3">待付款</td>
                            <td>25.80</td>
                            <td rowspan="3"><a href="#">打印</a> | <a href="#">查看物流</a> | <a href="#">客服留言</a></td>
                        </tr>
                        <tr>
                            <td>
                                <div class="order-goods">
                                    <img src="" alt="商品图片">
                                    <div class="order-goods-text">
                                        <p class="goods-title">商品标题1商题1商品标题1</p>
                                        <p class="goods-barcode">条形码：69310184001211</p>
                                        <p class="goods-attr"><span>颜色：红色</span><span>尺码：M</span></p>
                                    </div>
                                </div>
                            </td>
                            <td>89.00</td>
                            <td>2</td>
                            <td>退款申请中</td>
                            <td>25.80</td>
                        </tr>
                        <tr>
                            <td>
                                <div class="order-goods">
                                    <img src="" alt="商品图片">
                                    <div class="order-goods-text">
                                        <p class="goods-title">商品标题1商题1商品标题1</p>
                                        <p class="goods-barcode">条形码：69310184001211</p>
                                        <p class="goods-attr"><span>颜色：红色</span><span>尺码：M</span></p>
                                    </div>
                                </div>
                            </td>
                            <td>89.00</td>
                            <td>2</td>
                            <td>退款成功</td>
                            <td>25.80</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade in" id="order-pending-payment">
                    <!--  第二个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-receipting">
                    <!--  第3个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-refund-application">
                    <!--  第4个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-transaction-complete">
                    <!--  第5个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-canceled">
                    <!--  第6个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-trading-closed">
                    <!--  第7个页签的内容，以此类推  -->
                </div>
                <div class="tab-pane fade in" id="order-all">
                    <!--  第8个页签的内容，以此类推  -->
                </div>
            </div>
        </div>
    </div>
    <!--订单列表--end-->
    <h3 class="h3 bg-purple">订单详情--demo</h3><br />
    <!--订单详情--start-->
    <div class="wrapper-html">
        <div class="tab-content">
            <div class="ordertop">
                <div class="orderleft">订单号：146046792246240　　订单状态：<span class="txt">待收货</span></div>
                <div class="orderright">
                    <div class="btn-div3">
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-print"></i>&nbsp;&nbsp;打印</button>
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-search"></i>&nbsp;&nbsp;查看物流</button>
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-pencil"></i>&nbsp;&nbsp;改地址</button>
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-pencil"></i>&nbsp;&nbsp;客服留言</button>
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-pencil"></i>&nbsp;&nbsp;申请售后</button>
                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-pencil"></i>&nbsp;&nbsp;重新分配配送人</button>
                    </div>
                </div>
            </div>
            <div class="orderline">
                <div class="ordertitle">订单信息</div>
                <div class="ordertitle2">收货人信息</div>
                <div class="addpege">
                    <ul>
                        <li>会员账号：18211303940</li>
                        <li>客户姓名：齐家</li>
                        <li>收货地址：广东深圳市南山区芒果网大厦701</li>
                        <li>联系方式：18211303940</li>
                    </ul>
                </div>
                <div class="ordertitle2">其他信息</div>
                <div class="addpege">
                    <ul>
                        <li>支付方式：微信支付</li>
                        <li>配送人：张三</li>
                        <li>下单时间：2016-03-06 20:18:16</li>
                        <li>付款时间：2016-03-06 20:26:16</li>
                        <li>发票信息：无</li>
                        <li>配送服务点：梨河镇刘吉安楼大队刘吉安楼村</li>
                    </ul>
                </div>
            </div>
            <div class="ordertitle2">商品清单</div>
            <div class="tab-content mgb10">
                <div class="tab-pane fade in active" id="myAccount">
                    <table class="table table-hover table-striped table-common">
                        <thead>
                        <tr>
                            <th style="text-align:center;">编号</th>
                            <th style="text-align:center;">商品图片</th>
                            <th>商品名称</th>
                            <th style="text-align:center;">条形码</th>
                            <th style="text-align:center;">数量</th>
                            <th style="text-align:center;">规格</th>
                            <th style="text-align:center;">计量单位</th>
                            <th style="text-align:center;">单价（元）</th>
                            <th style="text-align:center;">实付金额（元）</th>
                            <th style="text-align:center;">购买类型</th>
                            <th style="text-align:center;">售后</th>
                            <th style="text-align:center;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td align="center">1</td>
                            <td align="center">&nbsp;</td>
                            <td>陶华碧老干妈风味豆豉油制辣椒 辣酱调料 280g特惠装</td>
                            <td align="center">6921555583869</td>
                            <td align="center">13700000000</td>
                            <td align="center">1</td>
                            <td align="center">24包</td>
                            <td align="center">25.60</td>
                            <td align="center">25.60</td>
                            <td align="center">普通</td>
                            <td>&nbsp;</td>
                            <td align="center">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center">2</td>
                            <td align="center">&nbsp;</td>
                            <td>陶华碧老干妈风味豆豉油制辣椒</td>
                            <td align="center">6921555583869</td>
                            <td align="center">13700000000</td>
                            <td align="center">2</td>
                            <td align="center">24包</td>
                            <td align="center">25.60</td>
                            <td align="center">25.60</td>
                            <td align="center">普通</td>
                            <td>&nbsp;</td>
                            <td align="center">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="12" align="right">商品总金额：9.90元 + 运费：0.00元 - 优惠：0.00元</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="payment">订单支付金额：<span class="txt">¥9.90</span></div>
                    <div class="navtabs-title">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#order-tracking" data-toggle="tab">订单追踪（物流状态）</a></li>
                            <li><a href="#order-operation-log" data-toggle="tab">订单操作日志</a></li>
                        </ul>
                    </div>
                    <div class="mgb10"></div>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="order-tracking">
                            <table class="table table-hover table-striped table-common">
                                <colgroup>
                                    <col class="tab-order-2-col0">
                                    <col class="tab-order-2-col1">
                                    <col class="tab-order-2-col2">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>处理时间</th>
                                    <th>处理信息</th>
                                    <th>操作人</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td>【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">【鹁鸽垌沟村】快件已到达【龙湖镇刘口大队鹁鸽垌沟村合伙人刘德华 （18211303940） </td>
                                    <td>分仓司机</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade in" id="order-operation-log">
                            <table class="table table-hover table-striped table-common">
                                <colgroup>
                                    <col class="tab-order-2-col0">
                                    <col class="tab-order-2-col1">
                                    <col class="tab-order-2-col2">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>处理时间</th>
                                    <th>处理信息</th>
                                    <th>操作人</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">完成退款</td>
                                    <td>财务刘明明</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">退款单，审核，通过</td>
                                    <td>财务刘明明</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">售后取货单，审核，通过</td>
                                    <td>财务刘明明</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">售后申请单，审核，通过</td>
                                    <td>财务刘明明</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">申请售后，退货（已收到货） ，今麦郎大今野红烧牛肉面24包</td>
                                    <td>客服小王</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">售后申请单，审核，驳回</td>
                                    <td>客服小王</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">申请售后，退款（没收到货）</td>
                                    <td>客服小王</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">售后申请单，审核，驳回</td>
                                    <td>客户齐家</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">重新分配合伙人，观音寺镇唐庄大队寺后张村，李翠花</td>
                                    <td>客服李红红</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">付款成功</td>
                                    <td>客户齐家</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">修改价格，今麦郎大今野红烧牛肉面24包，2.40</td>
                                    <td>管理员admin</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">修改地址，习大大，18211303941，河南省郑州市新郑市观音寺镇唐庄大队寺后张村</td>
                                    <td>管理员admin</td>
                                </tr>
                                <tr>
                                    <td>2016-03-04 21:36:50</td>
                                    <td class="color-gray">下单成功</td>
                                    <td>客户齐家</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--订单详情--end-->
</div>

<!-- ./wrapper -->

<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.5 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="plugins/morris/morris.min.js"></script> -->
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes)
<script src="dist/js/pages/dashboard.js"></script> -->
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>

<script>

	$(document).ready(function(){
		var html;
		var funcGetCode = function(obj){
			var $this = $(obj);
			var $section = $this.closest('.wrapper-html');
			$('body').prepend($('#btn_show_code').hide());
			return $.trim($section.html());		
		}

		$(document).on('mouseenter', '.wrapper-html', function(e){
			html = funcGetCode(e.target);
			var $this = $(this);			
			
			if ($this.find('#btn_show_code').length == 0) {
				$this.prepend($('#btn_show_code').show());
			}					
		});
		
		$(document).on('click', '#btn_show_code', function(){
			var $wrapperCode = $('#wrapper_code');
			var htmlEncode = function( html ) {
				return $('<div />').text(html).html();
			};
			var posY = $(this).closest('.wrapper-html').offset().top;
			
			$wrapperCode.css({top: posY - 80}).find('pre').html(htmlEncode(html));
			$wrapperCode.fadeIn();
		});
		
		$(document).on('click', '#wrapper_code .btn-close', function(){
			$(this).closest('#wrapper_code').fadeOut();
		});
	});
</script>

</body>
</html>
